<extend name="Public/common"/>
<block name="othercss"> 
  <link href="{$theme_path}/css/slick.css" rel="stylesheet">
    <script src="{$theme_path}/js/slick.min.js"></script>
</block>
<block name="body">
<div class="container bgsum">
    <div class="fl_sum clearfix">
        <div class="left">
            <volist name="all_cat" id="item">
            <a <eq name="item['cat_id']" value="$cid">class="on"</eq> href="{:urlrotue('GList/category',Array('cid'=>$item['cat_id']))}">{$item.cat_name}</a>
            </volist>
    
        </div>
        <div class="right">
            <!--banner图-->
            <div class="banner">
            <volist name="picture_list" id="item">
                <a href="{$item.url|file_url_http}">
                    <img src="__ROOT__{$item.picture}" width="100%"/>
                </a>
                </volist>
          
            </div>
            <!--单个商品分类-->
            <ul>
            <volist name="sub_list" id="item">
                <li>
                    <a class="on" href="{:urlrotue('GList/index',Array('cid'=>$item['cat_id']))}"><h3>{$item.cat_name}</h3></a>
                    <div class="fl_pro">
                        <volist name="item['sub']" id="vo">
                        <a href="{:urlrotue('GList/index',Array('cid'=>$vo['cat_id']))}">
                            <div class="imgs">
                                <img src="__ROOT__{$vo.picture}" width="100%"/>
                            </div>
                            <div class="lans">
                                {$vo.cat_name}
                            </div>
                        </a>
                        </volist>
                    </div>
                </li>
               </volist>
            </ul>
        </div>
    </div>
</div>

</block>

<block name="otherjs">
<script>
    // banner轮播图
    $('.banner').slick({
        pauseHove: false,
        infinite: true,
        arrows: false,
        dots: false,
        speed: 300,
        autoplay: true,
    })
</script>
</block>